<!DOCTYPE html>
<html lang="zh-cn">

<head>
<meta charset="utf-8" />
<meta name="author" content="TianShangXing" />
<meta name="description" content="Personal blog." />
<meta name="keywords" content="blog, tech" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="generator" content="Hugo 0.68.3" />

<link rel="canonical" href="https://tianshangxing.gitee.io/myblog/blog/heyui/">
<meta property="og:title" content="HeyUI" />
<meta property="og:description" content="HeyUI  HeyUI 是一套基于 Vue2.0 的开源 UI 组件库，主要服务于一些中后台产品。
HeyUI 是一个自动化图形化界面组件，便于后端研发入手前端。
HeyUI 提供的是一整套解决方案，所有的组件提供全局的可配置模式
官网： https://www.heyui.top/
安装 npm install heyui --save
使用 import HeyUI from &#39;heyui&#39;; Vue.use(HeyUI); new Vue({ el: &#39;#app&#39;, router, components: { App }, template: &#39;&lt;App/&gt;&#39;, render: h =&gt; h(App) }) " />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://tianshangxing.gitee.io/myblog/blog/heyui/" />
<meta property="article:published_time" content="2020-04-23T22:10:39+08:00" />
<meta property="article:modified_time" content="2020-04-23T22:10:39+08:00" />

<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="HeyUI"/>
<meta name="twitter:description" content="HeyUI  HeyUI 是一套基于 Vue2.0 的开源 UI 组件库，主要服务于一些中后台产品。
HeyUI 是一个自动化图形化界面组件，便于后端研发入手前端。
HeyUI 提供的是一整套解决方案，所有的组件提供全局的可配置模式
官网： https://www.heyui.top/
安装 npm install heyui --save
使用 import HeyUI from &#39;heyui&#39;; Vue.use(HeyUI); new Vue({ el: &#39;#app&#39;, router, components: { App }, template: &#39;&lt;App/&gt;&#39;, render: h =&gt; h(App) }) "/>


<meta itemprop="name" content="HeyUI">
<meta itemprop="description" content="HeyUI  HeyUI 是一套基于 Vue2.0 的开源 UI 组件库，主要服务于一些中后台产品。
HeyUI 是一个自动化图形化界面组件，便于后端研发入手前端。
HeyUI 提供的是一整套解决方案，所有的组件提供全局的可配置模式
官网： https://www.heyui.top/
安装 npm install heyui --save
使用 import HeyUI from &#39;heyui&#39;; Vue.use(HeyUI); new Vue({ el: &#39;#app&#39;, router, components: { App }, template: &#39;&lt;App/&gt;&#39;, render: h =&gt; h(App) }) ">
<meta itemprop="datePublished" content="2020-04-23T22:10:39&#43;08:00" />
<meta itemprop="dateModified" content="2020-04-23T22:10:39&#43;08:00" />
<meta itemprop="wordCount" content="40">



<meta itemprop="keywords" content="" />

<link rel="stylesheet" href="https://tianshangxing.gitee.io/myblog/css/layout.css" />


<link rel="stylesheet" href="https://tianshangxing.gitee.io/myblog/css/default-dark.css" />




<title>


     HeyUI 

</title>

</head>


<body>
<div class="main">
<header>

<div class="header-bar">

  <nav>
    <div class="siteTitle">
      <a href="https://tianshangxing.gitee.io/myblog">TianShangXing&#39;s Blog</a>
    </div> 

    
    
    <a class="nav-item" href="https://tianshangxing.gitee.io/myblog/blog/"><div class="nav-item-title">Blogs</div></a>
    
    <a class="nav-item" href="https://tianshangxing.gitee.io/myblog/resume/"><div class="nav-item-title">Resume</div></a>
    

  </nav>

  
<div class="social-links-header">

  
  <a href="mailto:tian_shang_xing@foxmail.com"><div class="social-link">email</div></a>
  

  
  <a href="https://github.com/TianShangXing" target="_blank"><div class="social-link">gh</div></a>
  

  

  

  
  <a href="https://www.linkedin.com/in/%e6%98%9f%e4%bc%b8-%e5%88%98-b7b7321a6" target="_blank"><div class="social-link">in</div></a>
  

</div>


</div>


</header>


<article class="post">
    <h1 class="title"> HeyUI </h1>
    <div class="content"> <h3 id="heyui">HeyUI</h3>
<hr>
<p><strong>HeyUI</strong> 是一套基于 <strong>Vue2.0</strong> 的开源 UI 组件库，主要服务于一些中后台产品。</p>
<p><strong>HeyUI</strong> 是一个自动化图形化界面组件，便于后端研发入手前端。</p>
<p><strong>HeyUI</strong> 提供的是一整套解决方案，所有的组件提供全局的可配置模式</p>
<p>官网： <a href="https://www.heyui.top/">https://www.heyui.top/</a></p>
<h3 id="安装">安装</h3>
<p><code>npm install heyui --save</code></p>
<h3 id="使用">使用</h3>
<pre><code>import HeyUI from 'heyui';
Vue.use(HeyUI);

new Vue({
  el: '#app',
  router,
  components: { App },
  template: '&lt;App/&gt;',
  render: h =&gt; h(App)
})
</code></pre> </div>
    <footer class="post-footer">

  <div class="post-footer-data">
            
<div class="tags">
  
</div>

    <div class="date"> 2020-04-23 </div>
    
  </div>
</footer>



</article>

  <footer>

  <div class="social-links-footer">

  
  <a href="mailto:tian_shang_xing@foxmail.com"><div class="social-link">Email</div></a>
  

  
  <a href="https://github.com/TianShangXing" target="_blank"><div class="social-link">GitHub</div></a>
  

  

  

  
  <a href="https://www.linkedin.com/in/%e6%98%9f%e4%bc%b8-%e5%88%98-b7b7321a6" target="_blank"><div class="social-link">LinkedIn</div></a>
  

  <div class="social-link">
  <a href="https://tianshangxing.gitee.io/myblog/index.xml" target="_blank">RSS</a>
  </div>

</div>


  <div class="copyright"> Copyright (c) 2020, all rights reserved. </div>

  <div class="poweredby">
    Powered by <a href="https://gohugo.io/">Hugo</a>.
  </div>

  </footer>

</div> 

</body>
</html>

